<template>
	<view class="q1">
		<view class="q2" @click="supplier">
			<img class='xx' src="../../static/statistical2-2.png" alt="">
			<view class="qqq">供货商管理</view>
		</view>
		<view class="q3" @click="salesclerk">
			<img class='xx' src="../../static/statistical2-1.png" alt="">
			<view class="qqq">店员管理</view>
		</view>
		<view class="q4" @click="client">
			<img class='xx' src="../../static/statistical2-3.png" alt="">
			<view class="qqq">客户管理</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			client(){
			uni.navigateTo({
				url: '/pages/gao/client'
			        });
			},
			supplier(){
			uni.navigateTo({
				url: '/pages/gao/supplier'
			        });
			},
			salesclerk(){
			uni.navigateTo({
				url: '/pages/gao/salesclerk'
			        });
			},
		}
	}
</script>

<style>
.q1{
	display: flex;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	font-weight:bold;
}
.q2{
	flex: 1;
}
.q3{
	flex: 1;
}
.q4{
	flex: 1;
}
.xx{
	width: 42px;
	height: 42px; 
}
.qqq{
	margin-top: 10px;
}
</style>
